<template>
  <main>
    <p>this is page</p>
    <button @click="updateMessage">xx</button>
    <Parents />
  </main>
</template>

<script setup lang="ts">
import { provide, ref, computed } from 'vue'
import Parents from './parents.vue'

const message = ref('hello world')

const updateMessage = () => {
  message.value = 'hello world 2'
  console.log(message.value)
}

provide('homeView', { message: message, updateMessage })
</script>
